<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片</title>
</head>
<body>
<!--
src -> 图片的位置，使用的相对路径
width -> 图片的宽度
heigh -> 图片的高度
title -> 鼠标悬停在图片上，显示的文字，如果没有设置alt属性，图片不显示时也会替代图片
alt -> 图片不显示时也会替代图片显示文字
../ -> 代表返回上一层目录
-->
<img src="../images/cat.jpg" width="300" height="300" title="这是一只可爱的小猫咪" alt="小猫咪不见了">
</body>
</html>